let indexjson = {
    data: [
        {
            id: 1,
            user: "小黑子",
            from: "user",
            description: "一个大SWITCH开关，纯css html写，写一行js就算我输！",
            avatar: "401.gif",
            tags: ["switch"],
            content: {
                type: "vue",
                component: "switch",
                FileName: "switch.vue",
                code: "https://gitee.com/wuxiafneg588/front-end-design-components/blob/master/src/components/switch.vue",
            },
            dt: "2023-5-16 15:33:12",
        },

        {
            id: 2,
            user: "Debuuger",
            from: "user",
            description: "一个缩在右上角的菜单,适合小屏菜单",
            avatar: "404.png",
            tags: ["菜单", "menu"],
            content: {
                type: "vue",
                parentStyle:
                    "width:200px;height:150px;position:relative;margin:auto;overflow:hidden;",
                component: "TopLeftMenu",
                FileName: "TopLeftMenu.vue",
                code: "https://gitee.com/wuxiafneg588/front-end-design-components/blob/master/src/components/TopLeftMenu.vue",
            },
            dt: "2023-5-13 11:23:12",
        },
        {
            id: 3,
            user: "小黑子",
            from: "user",
            description: "一个拟物开关，纯css html编写，增加了响应事件 vue框架可直接用",
            avatar: "401.gif",
            tags: ["switch", "开关"],
            content: {
                type: "vue",
                component: "switchButton",
                FileName: "switchButton.vue",
                code: "https://gitee.com/wuxiafneg588/front-end-design-components/blob/master/src/components/switchButton.vue",
            },
            dt: "2023-5-18 13:34:55",
        },
        {
            id: 4,
            user: "小黑子",
            from: "user",
            description: "一个配色lowlow的红绿灯右边粘性菜单！！！样例就在最右侧！",
            avatar: "401.gif",
            content: {
                //parentStyle: "width:200px;height:250px;position:relative;margin:auto;overflow:hidden;",
                type: "vue",
                component: "", //'sideBar',
                FileName: "sideBar.vue",
                code: "https://gitee.com/wuxiafneg588/front-end-design-components/blob/master/src/components/sideBar.vue",
            },
            dt: "2023-5-18 20:34:55",
        },
        {
            id: 5,
            user: "小黑子",
            from: "user",
            description:
                "一个回到顶部的小按钮，支持监控指定dom的滚动和自定义每次滑动的距离！！！样例就在本页面，下拉滚动条就会自动出现，回到顶部自动消失！",
            avatar: "401.gif",
            tags: ["返回顶部", "BackTop"],
            content: {
                type: "vue",
                component: "",
                FileName: "upTop.vue",
                code: "https://gitee.com/wuxiafneg588/front-end-design-components/blob/master/src/components/upTop.vue",
            },
            dt: "2023-5-19 10:34:55",
        },
        {
            id: 6,
            user: "小黑子",
            from: "user",
            description: "一个点赞特效！可设置颜色和大小",
            avatar: "401.gif",
            tags: ["点赞", "烟花特效"],
            content: {
                type: "vue",
                component: "dianZang",
                FileName: "dianZang.vue",
                code: "https://gitee.com/wuxiafneg588/front-end-design-components/blob/master/src/components/dianZang.vue",
            },
            dt: "2023-5-19 10:34:55",
        },
        {
            id: 7,
            user: "小黑子",
            from: "user",
            description: "碰撞球小游戏",
            avatar: "401.gif",
            tags: ["碰撞球", "canvas", "小游戏"],
            content: {
                type: "game",
                parentStyle: 'width:100%;height:300px;padding:0 20px;',
                component: 'blockbreaker',
                FileName: "game/blockbreaker.html",
                code: "https://gitee.com/wuxiafneg588/front-end-design-components/blob/master/public/code/game/blockbreaker.html",
            },
            dt: "2023-6-3 10:34:55",
        },
        {
            id: 8,
            user: "Debuuger",
            from: "user",
            description: "数字记忆小游戏，需要记住数字的位置，翻卡片后两个一样的数字将保留，不一样则不保留",
            avatar: "404.png",
            tags: ["记忆", "canvas", "数字", "小游戏"],
            content: {
                type: "game",
                parentStyle: 'width:100%;height:300px;padding:0 20px;',
                component: 'paircard',
                FileName: "game/paircard.html",
                code: "https://gitee.com/wuxiafneg588/front-end-design-components/blob/master/public/code/game/paircard.html",
            },
            dt: "2023-6-6 10:34:55",
        },
        {
            id: 9,
            user: "Debuuger",
            from: "user",
            description: "大屏边框组件",
            avatar: "404.png",
            tags: ["大屏", "边框"],
            content: {
                type: "bigscreen",
                parentStyle: 'width:90%;height:300px;',
                component: 'borderbox1',
                FileName: "bigscreen/borderbox1.vue",
                code: "https://gitee.com/wuxiafneg588/front-end-design-components/blob/master/public/code/bigscreen/borderbox1.vue",
            },
            dt: "2023-6-15 10:34:55",
        },
        {
            id: 10,
            user: "Debuuger",
            from: "user",
            description: "大屏数字显示组件",
            avatar: "404.png",
            tags: ["大屏", "装饰", "数字"],
            content: {
                type: "bigscreen",
                parentStyle: 'width:228px;height:178px;',
                component: 'decoration1',
                FileName: "bigscreen/decoration1.vue",
                code: "https://gitee.com/wuxiafneg588/front-end-design-components/blob/master/public/code/bigscreen/decoration1.vue",
            },
            dt: "2023-6-15 13:34:55",
        },
        {
            id: 11,
            user: "Debuuger",
            from: "user",
            description: "大屏滚动列表显示组件，自动判断高度是否撑满，撑满则滚动播放",
            avatar: "404.png",
            tags: ["大屏", "列表", "滚动"],
            content: {
                type: "bigscreen",
                parentStyle: 'width:90%;height:300px;',
                component: 'listtable1',
                FileName: "bigscreen/listtable1.vue",
                code: "https://gitee.com/wuxiafneg588/front-end-design-components/blob/master/public/code/bigscreen/listtable1.vue",
            },
            dt: "2023-6-15 14:34:55",
        },



    ],
    getListByType: function (type) {
        return this.data.filter((item) => {
            return item.content.type === type;
        });
    }
}

export default indexjson



